<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>头尾部分</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/navAndFoot.css">
</head>
<body>
<div id="lrq">
	<div class="navpart">
		<div class="container">
			<div class="navpart-left">
				<span>文化青年,品质生活~</span>
			</div>
			<div class="navpart-right">
				<ul>
					<li class="nor-li"><a href="#">登录</a></li>
					<li class="nor-li"><a href="#">注册</a></li>
					<li class="nor-li"><a href="#">我的订单</a></li>
					<li class="webnav">
						<a href="#" class="web-a">网站导航<i class="insert-xiabiao"></i></a>
						<div class="webnav-sel">
							<div class="sel-item pd-item">
								<dl>
									<dt>频道</dt>
									<dd>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
									</dd>
								</dl>
							</div>
							<div class="sel-item pl-item">
								<dl>
									<dt>品类站</dt>
									<dd>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
									</dd>
								</dl>
							</div>
							<div class="sel-item cs-item">
								<dl>
									<dt>城市站</dt>
									<dd>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
									</dd>
								</dl>
							</div>
						</div>
					</li>
					<li class="phonebuy">
						<a href="#" class="b-r">手机购票<i class="insert-shouji"></i></a>
						<img src="img/mobile.png">
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="adverpart" id="adverpart">
		<div class="container">
			<a href="#">
				<img src="img/rAoKNVog8rOAYyABAABc7RRpCO4624.jpg">
			</a>
			<div class="close" id="close"><i class="insert-guanbi"></i>关闭</div>
		</div>
	</div>
	<div class="searchpart">
		<div class="container clearfix">
			<div class="logo">
				<a href="#"></a>
			</div>
			<div class="citysel" id="citysel">
				<div class="citysel-show">全国
					<i class="insert-xiabiao2"></i>
					<div class="citysel-show-all hide">
						<div class="citysel-show-all-tt">
							<div class="show-all-left">
								<span>全国<i class="insert-xiabiao3"></i></span>
							</div>
							<div class="show-all-right">
								<p>当前全国共有<span>1325</span>场演出,城市后数字代表演出场次</p>
							</div>
							<div class="close2" id="close2"></div>
						</div>
						<div class="citysel-show-all-bd">
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>全国</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">全国(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="citysel-tuijian">
					<a href="#"><i class="insert-tuijian"></i>推荐广州站</a>
				</div>
			</div>
			<div class="search">
				<div class="search-top">
					<input type="text" name="sear" placeholder="Cats" id="sear">
					<a href="#" class="sear-a"></a>
					<div class="search-res-show hide" id="sear-show">
						
					</div>
				</div>
				<div class="search-bot">
					<a href="#">Cats</a>
					<a href="#">金牌制作人</a>
					<a href="#">罗密欧与朱丽叶</a>
				</div>
			</div>
		</div>
	</div>
	<div class="tabpart">
		<div class="container clearfix">
			<div class="pro-sel" id="pro-sel">
				<span>全部商品分类</span>
				<ul id="pro-sel-ul">
					<li><i class="insert-jita"></i>演唱会</li>
					<li><i class="insert-ylh"></i>音乐会</li>
					<li><i class="insert-hjg"></i>话剧歌剧</li>
					<li><i class="insert-etq"></i>儿童亲子</li>
					<li><i class="insert-yyj"></i>音乐剧</li>
					<li><i class="insert-xqz"></i>戏曲综艺</li>
					<li><i class="insert-zll"></i>展览</li>
				</ul>
				<div class="pro-sel-show" id="pro-sel-show">
					<div class="pro-sel-show-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item yinyue-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item geju-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item ertong-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item yinyueju-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item xiqu-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item zhanlang-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
				</div>
			</div>
			<div class="pro-sel2">
				<ul>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
				</ul>
			</div>
			<div class="pro-sel3">
				<a href="#">
					<img src="img/logo2.png">
				</a>
			</div>
		</div>
	</div>
	<div class="carouselpart">
		<div class="container">
			<div class="car-show" id="car-show">
				<ul id="lunbotu">
					<li data-col="#D1DBE4">
						<a href="#"><img src="img/lunbo1.jpg"></a>
					</li>
					<li data-col="#0E0000">
						<a href="#"><img src="img/lunbo2.jpg"></a>
					</li>
					<li data-col="#ED174B">
						<a href="#"><img src="img/lunbo3.jpg"></a>
					</li>
				</ul>
				<div class="car-cont" id="car-cont">
					<span class="cur"></span>
					<span></span>
					<span></span>
				</div>
				<div class="car-pre" id="car-pre"></div>
				<div class="car-next" id="car-next"></div>
			</div>
		</div>
	</div>
</div>

<!-- <div class="lrq">
	<div class="footpart-top">
		<div class="container clearfix">
			<div class="footpart-item">
				<dl>
					<dt>帮助中心</dt>
					<dd>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
					</dd>
				</dl>
			</div>
			<div class="footpart-item">
				<dl>
					<dt class="chengse">400-185-8666</dt>
					<dd>
						<p>周一至周五： 08:30-20:00</p>
						<p>周一至周五： 08:30-20:00</p>
					</dd>
				</dl>
			</div>
			<div class="footpart-item m-r">
				<div class="erwei-item">
					<div class="erweima">
						<img src="img/ticket.png">
						<span>聚橙票务</span>
					</div>
					<div class="erweima">
						<img src="img/ticket.png">
						<span>聚橙票务</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footpart-bot">
		<div class="container">
			<div class="fb1">
				<p>旗下的牌子:<a href="#" class="chengsehover">小舞舞</a><a href="#" class="chengsehover">小舞舞</a><a href="#" class="chengsehover">小舞舞</a></p>
			</div>
			<div class="fb2">
				<div class="fb2-item">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
				<div class="fb2-item">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
				<div class="fb2-item b-r">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
			</div>
			<div class="fb3">
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<p>
				Copyright 2007-2017 © 深圳市聚橙演艺联盟票务有限公司 | 粤ICP备17063893号-2 
				<i class="jingcha"></i>
				粤公网安备 44030502000578号
				</p>
			</div>
			<div class="fb4">
				<a href="#"></a>
				<a href="#"></a>
			</div>
		</div>
	</div>
</div> -->



<script src="lib/jquery.min.js"></script>
<script src="js/lrq.js"></script>
<script src="js/lrq2.js"></script>
</body>
</html>